import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router'
const state = {
  token: getToken(),
  userInfo: {} // 定义一个空对象而不是null, 解决getter快捷访问问题
}
const mutations = {
  setToken(state, token) {
    state.token = token
    setToken(token)
  },
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },
  removeToken() {
    state.token = null
    removeToken()
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  // 发起登录请求 将获取到的值,调用mutations的方法改变 state
  async login(context, data) {
    const result = await login(data) // 在拦截器里面已经完成解构,所以这里不需要结构
    context.commit('setToken', result) // 响应拦截器已经处理过了,失败的请求不会过来
    setTimeStamp()
  },
  async getUserInfo(context) {
    const result = await getUserInfo()
    const baseInfo = await getUserDetailById(result.userId) // 获取头像
    context.commit('setUserInfo', { ...result, ...baseInfo })
    return result // 为后期权限做伏笔
  },
  logout(context) {
    // 删除token
    context.commit('removeToken') // 不仅仅删除了vuex中的 还删除了缓存中的
    context.commit('removeUserInfo')
    resetRouter()
    context.commit('permission/updateRoutes', [], { root: true })
  }
}
const getters = {}
export default {
  namespaced: true,
  state,
  mutations,
  actions,
  getters
}
